@function px2rem ($px) {
    $rem: 37.5px;
    @return ($px / $rem) + rem 
}

.login-header {
    width: 100%;
    height: px2rem(180px);
    background: url('../images/login-banner.png') no-repeat;
    background-size:100% 100% 
}
.login-content {
    width: 100%;
    & .content-header {
        height: px2rem(51px);
        font-size: px2rem(14px);
        font-weight: 600; 
        color: #3f3f3f;
        padding: 0 px2rem(37px);
        padding-bottom: px2rem(5px);
        background-color: #ffffff
    }
    & span {
        text-align: center;
        line-height: px2rem(51px);
        width: px2rem(112px);
    }
    & span.active {
        border-bottom: px2rem(4px) solid #4a90e2; 
    }
    & .content-import {
        padding: px2rem(8px) px2rem(50.5px) 0 px2rem(33.5px);
    }
    & .password,.account {
        width: 100%;
        height: px2rem(40px);
        border-bottom: px2rem(2px) solid #e2e2e2;
        margin-top: px2rem(25px); 
        font-size: px2rem(14px);
        & input {
            width: 100%;
            height: 100%;      
            color: black;
            display: inline-block;
        }
        i {
            width: px2rem(41px);
            height: 100%;
            display: inline-block;
            margin-left: px2rem(13.5px) 
        }
    }
    & .account i {
        background: url('../images/icon-account.png') no-repeat;
        background-size: px2rem(17px) px2rem(16.5px); 
    }

}